$(function () {

    // 1初始化echarts实例，指定图表的父容器
    var myChart = echarts.init(document.getElementById('c1'));

    // 2-指定图片的所需的数据和相关的设置
    var option = {

        // 标题
        title: {
            text: '2020的注册人数'
        },

        // 提示工具
        tooltip: {},

        // 图例
        legend: {
            data: ['销量']
        },

        // x轴
        xAxis: {
            data: ["1月", "2月", "3月", "4月", "5月", "6月"]
        },

        // y轴:刻度会根据数据自动生成
        yAxis: {},
        series: [{
            // 数据名称
            name: '销量',
            //   图表类型  bar--柱图   line--线图   pie   饼图 
            type: 'bar',
            data: [5, 20, 36, 10, 10, 20]
        }]

    };

    // 将数据传递给echarts的实例进行绘制
    myChart.setOption(option)




    // 1初始化echarts实例，指定图表的父容器
    var myChart2 = echarts.init(document.getElementById('c2'));

    // 2-指定图片的所需的数据和相关的设置
    var option2 = {

        tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b}: {c} ({d}%)'
        },
        legend: {
            orient: 'vertical',
            left: 10,
            data: ['耐克', '阿迪达斯', '美特斯邦威', '安踏', '海澜之家']
        },
        series: [
            {
                name: '访问来源',
                type: 'pie',
                radius: ['50%', '70%'],
                avoidLabelOverlap: false,
                label: {
                    normal: {
                        show: false,
                        position: 'center'
                    },
                    emphasis: {
                        show: true,
                        textStyle: {
                            fontSize: '30',
                            fontWeight: 'bold'
                        }
                    }
                },
                labelLine: {
                    normal: {
                        show: false
                    }
                },
                data: [
                    {value: 335, name: '耐克'},
                    {value: 310, name: '阿迪达斯'},
                    {value: 234, name: '美特斯邦威'},
                    {value: 135, name: '安踏'},
                    {value: 1548, name: '海澜之家'}
                ]
            }
        ]
    };

    // 将数据传递给echarts的实例进行绘制
    myChart2.setOption(option2)
})